<!--
  ~ Copyright (c) 2018 Nam Nguyen, nam@ene.im
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~        http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
<!DOCTYPE html>
<html class="no-js mdc-typography" lang="en">
<head>

    <title>Design Is Never Done</title>
    <meta content="Material Design’s new suite of tools and guidelines—all in one place"
          name="description">
    <meta name="twitter:description"
          content="Material Design’s new suite of tools and guidelines—all in one place">
    <meta property="og:description"
          content="Material Design’s new suite of tools and guidelines—all in one place">
    <meta name="theme-color" content="#4285f4">

    <meta name="twitter:title" content="Design Is Never Done">
    <meta name="twitter:description"
          content="Material Design’s new suite of tools and guidelines—all in one place">
    <meta name="twitter:image"
          content="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_share.png">

    <meta property="og:title" content="Design Is Never Done">
    <meta property="og:site_name" content="Google Design">
    <meta property="og:image"
          content="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_share.png">


    <meta property="og:url" content="https://design.google/library/design-never-done/">


    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@GoogleDesign">

    <link rel="icon" sizes="192x192" href="/images/GD17_Favicon_192.png">
    <link rel="shortcut icon" href="/images/GD17_Favicon_72.png">
    <link rel="apple-touch-icon" href="/images/GD17_Favicon_72.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/images/GD17_Favicon_72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/images/GD17_Favicon_144.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/GD17_Favicon_180.png">

    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
          name="viewport">
    <meta name="msapplication-tap-highlight" content="no">
    <link href="//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i|Roboto+Mono:300,400,500|Product+Sans:300,400|Material+Icons"
          rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/blog.css">
</head>
<body class="js-root-view -browser-chrome">
<script type="text/javascript" id="www-widgetapi-script"
        src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflPgx2pR/www-widgetapi.js"
        async=""></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script type="text/javascript" async=""
        src="https://www.google-analytics.com/analytics.js"></script>
<script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-TXGTPC"></script>
<script>
        dataLayer = [];

</script>


<script>
  dataLayer.push({
    'articleName': 'Design Is Never Done',
    'articleTags': 'Material Design | UI | ',
    'articleType': 'Editorial',
    'articlePublishDate': "2016-10-26",
    'articleDaysSincePublished': '437',
    'articleAuthors': ' Nicholas Jitkoff | ',
    'articleMediaTypes': ' paragraph |  video |  image | '
  })

</script>

<!-- Google Tag Manager -->
<noscript>&lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-TXGTPC"
    height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;
</noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event
      :'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-TXGTPC');
</script>
<!-- End Google Tag Manager -->

<div class="gd-page">


    <aside class="mdc-temporary-drawer gd-nav-drawer" style="--mdc-temporary-drawer-opacity:0;">
        <nav class="mdc-temporary-drawer__drawer">
            <nav class="mdc-temporary-drawer__content mdc-list-group">
                <div class="gd-nav-drawer--logo">
                    <a href="/" class="logo" data-g-category="navigation" data-g-action="click"
                       data-g-label="logo" target="_self" data-mdc-tabindex-handled="true"
                       tabindex="-1"></a>
                </div>
                <div class="mdc-list">


                    <a class="mdc-list-item gd-nav-drawer--list-item nav-text header-nav-item--library "
                       href="/library/" data-g-category="navigation" data-g-action="click"
                       data-g-label="nav link: Library" target="_self"
                       data-mdc-tabindex-handled="true" tabindex="-1">Library</a>

                    <a class="mdc-list-item gd-nav-drawer--list-item nav-text header-nav-item--news "
                       href="/news/" data-g-category="navigation" data-g-action="click"
                       data-g-label="nav link: News" target="_self" data-mdc-tabindex-handled="true"
                       tabindex="-1">News</a>

                    <a class="mdc-list-item gd-nav-drawer--list-item nav-text header-nav-item--resources "
                       href="/resources/" data-g-category="navigation" data-g-action="click"
                       data-g-label="nav link: Resources" target="_self"
                       data-mdc-tabindex-handled="true" tabindex="-1">Resources</a>

                    <a class="mdc-list-item gd-nav-drawer--list-item nav-text header-nav-item--jobs "
                       href="/jobs/" data-g-category="navigation" data-g-action="click"
                       data-g-label="nav link: Jobs" target="_self" data-mdc-tabindex-handled="true"
                       tabindex="-1">Jobs</a>

                    <a class="mdc-list-item gd-nav-drawer--list-item nav-text header-nav-item--about "
                       href="/about/" data-g-category="navigation" data-g-action="click"
                       data-g-label="nav link: About" target="_self"
                       data-mdc-tabindex-handled="true" tabindex="-1">About</a>


                    <hr class="mdc-list-divider">
                    <h3 class="mdc-list-group__subheader gd-nav-drawer--subheader">Discover</h3>
                    <ul class="mdc-list gd-nav-drawer--sublist">
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://blog.google" data-g-category="discover"
                           data-g-action="click" data-g-label="Keyword"
                           data-mdc-tabindex-handled="true" tabindex="-1">The Keyword</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://material.io" data-g-category="discover"
                           data-g-action="click" data-g-label="Material"
                           data-mdc-tabindex-handled="true" tabindex="-1">Material Design</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://www.google.com" data-g-category="discover"
                           data-g-action="click" data-g-label="Google"
                           data-mdc-tabindex-handled="true" tabindex="-1">Google</a>
                    </ul>
                    <hr class="mdc-list-divider">
                    <h3 class="mdc-list-group__subheader gd-nav-drawer--subheader">Connect</h3>
                    <div class="mdc-list gd-nav-drawer--sublist">
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_self" href="https://design.google/subscribe/"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="Newsletter" data-mdc-tabindex-handled="true" tabindex="-1">Newsletter</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://plus.google.com/+googledesign"
                           data-g-category="social connect" data-g-action="click" data-g-label="G+"
                           data-mdc-tabindex-handled="true" tabindex="-1">Google+</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://twitter.com/googledesign"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="Twitter" data-mdc-tabindex-handled="true" tabindex="-1">Twitter</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://www.youtube.com/googledesign"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="YouTube" data-mdc-tabindex-handled="true" tabindex="-1">YouTube</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://www.facebook.com/googledesign"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="Facebook" data-mdc-tabindex-handled="true" tabindex="-1">Facebook</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://medium.com/google-design"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="Medium" data-mdc-tabindex-handled="true" tabindex="-1">Medium</a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-text"
                           target="_blank" href="https://dribbble.com/google"
                           data-g-category="social connect" data-g-action="click"
                           data-g-label="Dribbble" data-mdc-tabindex-handled="true" tabindex="-1">Dribbble</a>
                    </div>
                    <hr class="mdc-list-divider">
                    <div class="mdc-list gd-nav-drawer--sublist">
                        <a class="nav-footer-logo" href="http://www.google.com" target="_blank"
                           data-g-category="discover" data-g-action="click" data-g-label="Google"
                           data-mdc-tabindex-handled="true" tabindex="-1"></a>
                        <a class="mdc-list-item gd-nav-drawer--list-item nav-footer-privacy-text"
                           target="_blank" href="https://www.google.com/policies/terms/"
                           data-mdc-tabindex-handled="true" tabindex="-1">Privacy &amp; Terms</a>
                    </div>
                </div>
            </nav>
        </nav>
    </aside>
    <div class="js-sticky-header header grid-container elevated">
        <div class="header-content">
            <div class="nav-drawer-toggle-container">
                <button class="nav-drawer-toggle material-icons">menu</button>
            </div>
            <div class="header-logo-large  hide ">
                <div class="logo"></div>
            </div>

            <div class="header-logo ">
                <div class="logo"></div>
                <a href="/" data-g-category="navigation" data-g-action="click" data-g-label="logo"
                   target="_self">Google Design</a>
            </div>
            <nav class="header-nav">
                <ul>


                    <li class="js-nav-ripple header-nav-item--library ">
                        <a href="/library/" data-g-category="navigation" data-g-action="click"
                           data-g-label="nav link: Library" target="_self">Library
                            <div class="mdc-ripple-surface mdc-ripple-surface--primary ripple-underline mdc-ripple-upgraded"
                                 style="--mdc-ripple-surface-width:79.3594px; --mdc-ripple-surface-height:4px; --mdc-ripple-fg-size:47.6156px; --mdc-ripple-fg-scale:1.8788;"></div>
                        </a>
                    </li>

                    <li class="js-nav-ripple header-nav-item--news ">
                        <a href="/news/" data-g-category="navigation" data-g-action="click"
                           data-g-label="nav link: News" target="_self">News
                            <div class="mdc-ripple-surface mdc-ripple-surface--primary ripple-underline mdc-ripple-upgraded"
                                 style="--mdc-ripple-surface-width:62.625px; --mdc-ripple-surface-height:4px; --mdc-ripple-fg-size:37.575px; --mdc-ripple-fg-scale:1.9362;"></div>
                        </a>
                    </li>

                    <li class="js-nav-ripple header-nav-item--resources ">
                        <a href="/resources/" data-g-category="navigation" data-g-action="click"
                           data-g-label="nav link: Resources" target="_self">Resources
                            <div class="mdc-ripple-surface mdc-ripple-surface--primary ripple-underline mdc-ripple-upgraded"
                                 style="--mdc-ripple-surface-width:102.141px; --mdc-ripple-surface-height:4px; --mdc-ripple-fg-size:61.2844px; --mdc-ripple-fg-scale:1.83112;"></div>
                        </a>
                    </li>

                    <li class="js-nav-ripple header-nav-item--jobs ">
                        <a href="/jobs/" data-g-category="navigation" data-g-action="click"
                           data-g-label="nav link: Jobs" target="_self">Jobs
                            <div class="mdc-ripple-surface mdc-ripple-surface--primary ripple-underline mdc-ripple-upgraded"
                                 style="--mdc-ripple-surface-width:58.7344px; --mdc-ripple-surface-height:4px; --mdc-ripple-fg-size:35.2406px; --mdc-ripple-fg-scale:1.95429;"></div>
                        </a>
                    </li>

                    <li class="js-nav-ripple header-nav-item--about ">
                        <a href="/about/" data-g-category="navigation" data-g-action="click"
                           data-g-label="nav link: About" target="_self">About
                            <div class="mdc-ripple-surface mdc-ripple-surface--primary ripple-underline mdc-ripple-upgraded"
                                 style="--mdc-ripple-surface-width:69.4531px; --mdc-ripple-surface-height:4px; --mdc-ripple-fg-size:41.6719px; --mdc-ripple-fg-scale:1.9094;"></div>
                        </a>
                    </li>

                </ul>
            </nav>
            <div class="search-underlay"></div>
            <div class="search-container js-search">
                <form id="search-form" action="/search" method="GET">
                    <div class="search-widget">
                        <button class="search-button" type="button"><i
                                class="material-icons">search</i></button>
                        <input class="mdc-textfield__input search-input" type="text" name="q"
                               placeholder="Search Google Design" aria-label="Search Google Design">
                        <button class="search-close-button" type="button"><i class="material-icons">close</i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>


    <div class="body-container">
        <div class="article-page">
            <div class="article-page--splash_image-container">


                <div class="article-page--splash_image"
                     style="background-image: url(https://storage.googleapis.com/gd-wagtail-prod-assets/images/design_is_never_done_2x1_mh.max-4000x2000.jpegquality-90_tj1JWmA.jpg);"></div>

            </div>
            <div class="article-page--main mdc-layout-grid js-share-fab-parent">


                <div class="fab js-share-fab mdc-fab mdc-ripple-surface js-fab--white mdc-ripple-upgraded"
                     style="background-color: rgb(64, 64, 64); --mdc-ripple-surface-width:56px; --mdc-ripple-surface-height:56px; --mdc-ripple-fg-size:33.6px; --mdc-ripple-fg-scale:2.65464; top: -28px; transform: translate3d(0px, 0px, 0px);"
                     data-fab-color=" 404040 ">
                    <div class="_wrapper">
                        <button class="_toggle -hc js-share-fab-toggle " aria-expanded="false"
                                aria-controls="fab-content">
      <span class="share-icon" focusable="false">
        <span class="_path -line -top"></span>
        <span class="_path -line -bottom"></span>
        <span class="_path -joint -top"></span>
        <span class="_path -joint -middle"></span>
        <span class="_path -joint -bottom"></span>
      </span>
                        </button>


                        <div id="fab-content" class="_content js-share-fab-content"
                             aria-hidden="true">
                            <h2 class="_title">Share</h2>
                            <ul class="_list">

                                <li class="_item">
                                    <a href="https://plus.google.com/share?url=https://design.google/library/design-never-done/"
                                       target="_blank" data-g-category="social"
                                       data-g-action="share" data-g-label="social network: Google+">
                                        <span class="_social-icon"><svg class="svg-icon svg-google-plus" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><path fill="none" d="M0 0h24v24H0V0z"></path><path class="_fill-color" opacity="" fill="" d="M23 11h-2V9h-2v2h-2v2h2v2h2v-2h2M8 11v2.4h4c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4S5.6 7.6 8 7.6c1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 5.7 9.9 5 8 5c-3.9 0-7 3.1-7 7s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H8z"></path><path fill="none" d="M1 5h14v14H1z"></path></svg></span>Google+
                                    </a>
                                </li>

                                <li class="_item">
                                    <a href="https://www.facebook.com/sharer/sharer.php?u=https://design.google/library/design-never-done/"
                                       target="_blank" data-g-category="social"
                                       data-g-action="share"
                                       data-g-label="social network: Facebook">
                                        <span class="_social-icon"><svg class="svg-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="-627 309 24 24" style="enable-background:new -627 309 24 24;" xml:space="preserve"><path class="_fill-color" opacity="" fill="" d="M-613.4,330.2v-8.4h3l0.4-3.3h-3.5v-2c0-1,0.3-1.6,1.7-1.6h1.9v-2.9c-0.4-0.1-1.4-0.1-2.7-0.1c-2.7,0-4.5,1.5-4.5,4.3v2.4 h-3v3.3h3v8.4L-613.4,330.2L-613.4,330.2z"></path></svg></span>Facebook
                                    </a>
                                </li>

                                <li class="_item">
                                    <a href="https://twitter.com/intent/tweet?text=Material+Design%E2%80%99s+new+suite+of+tools+and+guidelines%E2%80%94all+in+one+place https://design.google/library/design-never-done/ by @GoogleDesign"
                                       target="_blank" data-g-category="social"
                                       data-g-action="share" data-g-label="social network: Twitter">
            <span class="_social-icon"><svg class="svg-icon svg-twitter" version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
  <rect x="0" fill="none" width="24" height="24"></rect>
  <g>
    <g>
      <rect x="0" fill="none" width="24" height="24"></rect>
    </g>
    <path class="_fill-color" opacity="" fill="" d="M1,18.9c1.94,1.23,4.17,2.22,7.25,2.09c7.46-0.34,12.46-5.69,12.57-13.51C21.62,6.8,22.57,6,23,5.1
      c-0.69,0.35-1.51,0.57-2.43,0.7c0.84-0.62,1.53-1.38,1.89-2.49c-0.87,0.46-1.77,0.88-2.88,1.09c-2.62-3.18-8.9-0.61-7.8,4.12
      c-4.41-0.27-7.1-2.27-9.34-4.72c-1.28,2.07-0.17,5.2,1.34,6.06C3,9.82,2.41,9.58,1.85,9.32c0.08,2.6,1.51,3.85,3.52,4.52
      C4.76,13.97,4.08,14,3.43,13.89c0.62,1.82,1.94,2.96,4.17,3.18C6.09,18.36,3.27,19.27,1,18.9z"></path>
  </g>
</g>
</svg></span>Twitter
                                    </a>
                                </li>

                                <li class="_item">
                                    <a href="mailto:?subject=Material+Design%E2%80%99s+new+suite+of+tools+and+guidelines%E2%80%94all+in+one+place&amp;body=https://design.google/library/design-never-done/"
                                       target="_blank" data-g-category="social"
                                       data-g-action="share" data-g-label="social network: Email">
                                        <span class="_social-icon"><svg class="svg-icon svg-email"
                                                                        width="20" height="16"
                                                                        viewBox="0 0 20 16"
                                                                        xmlns="http://www.w3.org/2000/svg"><path
                                                class="_fill-color"
                                                d="M18 0H2C.895 0 .01.896.01 2L0 14c0 1.104.895 2 2 2h16c1.104 0 2-.896 2-2V2c0-1.104-.896-2-2-2zm0 4l-8 5-8-5V2l8 5 8-5v2z"
                                                fill="" opacity="" fill-rule="evenodd"></path></svg></span>Email
                                    </a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="article-page--header mdc-layout-grid__cell mdc-layout-grid__cell--span-10">
                    <div class="article-page--header-title">
                        <h1>Design Is Never Done</h1>

                    </div>
                </div>
                <div class="article-page--subheader mdc-layout-grid__cell mdc-layout-grid__cell--span-10">
                    <h2> Material Design’s new suite of tools and guidelines—all in one place</h2>
                    <h2>
                    </h2></div>
                <div class="article-page--bylines mdc-layout-grid__cell mdc-layout-grid__cell--span-10">
                    <div class="contributors">
                        <div class="contributor">
                            By
                            Nicholas Jitkoff

                        </div>


                    </div>
                </div>
                <div class="article-page--copy mdc-layout-grid__cell mdc-layout-grid__cell--span-10">
                    <div class="body ">


                        <div class="body-section paragraph ">
                            <div class="rich-text"><p>Design is the art of continuous problem
                                solving—an active cycle of investigating and validating needs,
                                crafting and developing ideas, and creating solutions. Over the
                                course of its life, a digital product is shaped by many hands. The
                                effects of this collaboration can be seen in the quality of a
                                product’s identity and implementation, as well as in the strength of
                                the community it builds.</p>
                                <p>We created Material Design as a metaphor to rationalize design
                                    and implementation, establishing a shared language to help teams
                                    unite style, branding, interaction, and motion under a cohesive
                                    set of principles.</p>
                                <p>We believe a better design process yields better products, which
                                    is why we’re expanding Material to be a system that supports the
                                    principles of good design and strengthens communication and
                                    productivity with new tools and inspiration. We hope these
                                    resources will help teams realize their greatest design
                                    potential, and we’re eager to see the results.</p></div>


                        </div>


                        <div class="body-section video">


                            <blockquote class="align-center">
                                <blockquote class="poster col-3">
                                    <figure class="_generated-image-container _generated-figure">
                                        <div class="_generated-video-block js-article-yt-video"
                                             data-video-id="jE1EU1ACe6s" style="height: 399.938px;">
                                            <div class="_image js-responsive-image js-article-yt-video-poster -full-bleed"
                                                 style="background-image:url(https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_video.jpg)"
                                                 data-preserveaspectratio="true"
                                                 data-knowndimensions="600x500"
                                                 data-g-category="video view"
                                                 data-g-action="page interaction"
                                                 data-g-label="video: ">
                                                <iframe class="_video js-article-yt-video-target playing"
                                                        frameborder="0" allowfullscreen="1"
                                                        gesture="media" allow="encrypted-media"
                                                        title="YouTube video player" width="640"
                                                        height="360"
                                                        src="https://www.youtube.com/embed/jE1EU1ACe6s?showinfo=0&amp;rel=0&amp;controls=1&amp;autohide=1&amp;autoplay=1&amp;suggestedQuality=hd720&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fdesign.google&amp;widgetid=1"
                                                        id="widget2"></iframe>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="body-section--video-subtitle"></div>
                                </blockquote>
                                <!-- -->
                            </blockquote>


                        </div>


                        <div class="body-section paragraph ">
                            <div class="rich-text"><h2>Material.io</h2>
                                <p>In an effort to make all of Material Design more accessible,
                                    we’re bringing our existing work together in one place,&nbsp;<a
                                            href="http://material.io/"
                                            data-g-category="outbound links"
                                            data-g-action="page interaction"
                                            data-g-label="outbound link: http://material.io/"
                                            target="_blank">Material.io</a>. This site establishes a
                                    new visual identity for the Material initiative, one that will
                                    support our latest visual guidance and releases—from tools to
                                    reusable components and refined interactive motion.</p>
                                <p>Our new tools focus on different aspects of the product design
                                    process and streamline the way teams work, design, and build
                                    applications together. We’re previewing a few of them today,
                                    with more to come in the future.</p></div>


                        </div>


                        <div class="body-section js-image">

                            <div class="close-button"><i class="material-icons">close</i></div>
                            <div class="body-section--image">
                                <img src="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_inline002.jpg">
                            </div>
                            <div class="body-section--image-subtitle">
                                <div class="rich-text"><p><br></p></div>
                            </div>


                        </div>


                        <div class="body-section paragraph ">
                            <div class="rich-text"><p><b>Gallery – Design collaboration,
                                simplified</b></p>
                                <p>Organize your design workflow in one place, so everyone on your
                                    team has a clear view of what’s going on. Easily share and get
                                    feedback on everything from visual designs to interactive
                                    prototypes—all easily accessible, beautifully presented, and
                                    securely managed.&nbsp;</p>
                                <p><a href="http://material.io/earlyaccess"
                                      data-g-category="outbound links"
                                      data-g-action="page interaction"
                                      data-g-label="outbound link: http://material.io/earlyaccess"
                                      target="_blank">Request access</a></p></div>


                        </div>


                        <div class="body-section js-image">

                            <div class="close-button"><i class="material-icons">close</i></div>
                            <div class="body-section--image">
                                <img src="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_inline003.jpg">
                            </div>
                            <div class="body-section--image-subtitle">
                                <div class="rich-text"><p><br></p></div>
                            </div>


                        </div>


                        <div class="body-section paragraph ">
                            <div class="rich-text"><p><b>Stage – Dynamic interfaces with interactive
                                motion</b></p>
                                <p>Change the way you and your team design and build interactive
                                    experiences. Go beyond a process rooted in static design, and
                                    enable a more dynamic, intentional, and systematic workflow for
                                    crafting digital experiences.</p>
                                <p>Stage is being brought to you by the teams behind&nbsp;<a
                                        href="http://pixate.com/" data-g-category="outbound links"
                                        data-g-action="page interaction"
                                        data-g-label="outbound link: http://pixate.com/"
                                        target="_blank">Pixate</a>&nbsp;and&nbsp;<a
                                        href="http://relativewave.com/"
                                        data-g-category="outbound links"
                                        data-g-action="page interaction"
                                        data-g-label="outbound link: http://relativewave.com/"
                                        target="_blank">Form</a>.&nbsp;<br><a
                                        href="http://material.io/earlyaccess"
                                        data-g-category="outbound links"
                                        data-g-action="page interaction"
                                        data-g-label="outbound link: http://material.io/earlyaccess"
                                        target="_blank">Request an invite</a></p></div>


                        </div>


                        <div class="body-section js-image">

                            <div class="close-button"><i class="material-icons">close</i></div>
                            <div class="body-section--image">
                                <img src="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/design_is_never_done_inline004.jpg">
                            </div>
                            <div class="body-section--image-subtitle">
                                <div class="rich-text"><p><br></p></div>
                            </div>


                        </div>


                        <div class="body-section paragraph ">
                            <div class="rich-text"><p><b>Remixer – Real-time, on-device, connected
                                UI tweaks</b></p>
                                <p>Refine aspects of your interface—from color palette to animation
                                    timing—right on your device. Make on-the-fly adjustments to your
                                    iOS, Android, and web interfaces, and even change values across
                                    multiple devices.&nbsp;<br><a href="http://material.io/remixer"
                                                                  data-g-category="outbound links"
                                                                  data-g-action="page interaction"
                                                                  data-g-label="outbound link: http://material.io/remixer"
                                                                  target="_blank">Visit Remixer on
                                        Github</a></p></div>


                        </div>


                        <div class="body-section paragraph ">
                            <div class="rich-text"><h2>Community</h2>
                                <p>Design is never done. We want Material Design to help you and
                                    your team evolve with a world of ever-changing techniques and
                                    technologies. We hope you will join us in this effort and build
                                    on these systems and tools with new processes of your own.</p>
                                <p>If you’d like to learn more, please sign up for the&nbsp;<a
                                        href="http://material.io/earlyaccess"
                                        data-g-category="outbound links"
                                        data-g-action="page interaction"
                                        data-g-label="outbound link: http://material.io/earlyaccess"
                                        target="_blank">Material early access program</a>&nbsp;or
                                    give&nbsp;<a href="http://material.io/remixer"
                                                 data-g-category="outbound links"
                                                 data-g-action="page interaction"
                                                 data-g-label="outbound link: http://material.io/remixer"
                                                 target="_blank">Remixer</a>&nbsp;a try with your
                                    team. Watch for more news in the coming months about engineering
                                    frameworks and our new tools for motion work. And as always, you
                                    can follow&nbsp;<a href="https://twitter.com/GoogleDesign"
                                                       data-g-category="outbound links"
                                                       data-g-action="page interaction"
                                                       data-g-label="outbound link: https://twitter.com/GoogleDesign"
                                                       target="_blank">@GoogleDesign</a>&nbsp;or
                                    sign up for our&nbsp;<a
                                            href="https://design.google.com/newsletter/"
                                            data-g-category="outbound links"
                                            data-g-action="page interaction"
                                            data-g-label="outbound link: https://design.google.com/newsletter/"
                                            target="_self">newsletter</a>&nbsp;for the latest
                                    Material Design updates and more.</p></div>


                        </div>

                    </div>
                </div>

                <!-- Footer Content -->

                <div class="article-page--date mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
                    10/26/2016
                </div>

                <div class="article-page--tags  mdc-layout-grid__cell mdc-layout-grid__cell--span-12">


                    <a class="tag mdc-ripple-surface mdc-ripple-upgraded"
                       href="/search/?q=Material Design"
                       style="background-color: rgb(223, 225, 229); --mdc-ripple-surface-width:146.031px; --mdc-ripple-surface-height:34px; --mdc-ripple-fg-size:87.6187px; --mdc-ripple-fg-scale:1.82537;"
                       data-g-category="article tags" data-g-action="page interaction"
                       data-g-label="tag: Material Design" target="_self">Material Design</a>

                    <a class="tag mdc-ripple-surface mdc-ripple-upgraded" href="/search/?q=UI"
                       style="background-color: rgb(223, 225, 229); --mdc-ripple-surface-width:36.8125px; --mdc-ripple-surface-height:34px; --mdc-ripple-fg-size:22.0875px; --mdc-ripple-fg-scale:2.72152;"
                       data-g-category="article tags" data-g-action="page interaction"
                       data-g-label="tag: UI" target="_self">UI</a>


                </div>

                <div class="article-page--contributors  mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
                    <h3>Contributors</h3>

                    <div class="contributor">
                        <div class="contributor--image"
                             style="background-image: url(https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/nicholas-jitkoff.png)"></div>
                        <div class="contributor--info">
                            <div class="contributor--info-byline">Nicholas Jitkoff</div>

                            <div class="contributor--info-byline-role">Principal Designer</div>


                        </div>
                    </div>

                </div>


            </div>

            <div class="article-page--related mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
                <h3>Related</h3>
                <ul class="mdc-layout-grid">


                    <li class="article gd-item mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet mdc-ripple-surface js-grid-item mdc-ripple-upgraded"
                        data-g-category="related content" data-g-action="page interaction"
                        data-g-label="article: Method Podcast, Episode 5"
                        style="--mdc-ripple-surface-width:439.5px; --mdc-ripple-surface-height:448.328px; --mdc-ripple-fg-size:268.997px; --mdc-ripple-fg-scale:2.37111;">
                        <a href="/library/method-podcast-episode-5/"
                           data-g-category="related content" data-g-action="page interaction"
                           data-g-label="article: Method Podcast, Episode 5" target="_self">


                            <div class="article--image"
                                 style="background-image: url(https://storage.googleapis.com/gd-wagtail-prod-assets/images/method_5_rachel-been_3x2.max-1200x800.jpegquality-90.png);"
                                 data-g-category="related content" data-g-action="page interaction"
                                 data-g-label="article: Method Podcast, Episode 5"></div>

                            <div class="article--content" data-g-category="related content"
                                 data-g-action="page interaction"
                                 data-g-label="article: Method Podcast, Episode 5">
                                <div class="article--content-headline">Method Podcast, Episode 5
                                </div>
                                <div class="article--content-dek">Creative Director Rachel Been on
                                    Material Design, new emoji, and the creative power of curiosity
                                </div>
                                <div class="article--content-tag">Profile</div>

                            </div>

                        </a>
                    </li>


                    <li class="article gd-item mdc-layout-grid__cell mdc-layout-grid__cell--span-6 mdc-layout-grid__cell--span-4-tablet mdc-ripple-surface js-grid-item mdc-ripple-upgraded"
                        data-g-category="related content" data-g-action="page interaction"
                        data-g-label="article: Design Notes Podcast, Episode 2"
                        style="--mdc-ripple-surface-width:439.5px; --mdc-ripple-surface-height:448.328px; --mdc-ripple-fg-size:268.997px; --mdc-ripple-fg-scale:2.37111;">
                        <a href="/library/design-notes-podcast-episode-2/"
                           data-g-category="related content" data-g-action="page interaction"
                           data-g-label="article: Design Notes Podcast, Episode 2" target="_self">


                            <div class="article--image"
                                 style="background-image: url(https://storage.googleapis.com/gd-wagtail-prod-assets/images/DN002_Hero_2x3.max-1200x800.jpegquality-90_Ri6itBr.png);"
                                 data-g-category="related content" data-g-action="page interaction"
                                 data-g-label="article: Design Notes Podcast, Episode 2"></div>

                            <div class="article--content" data-g-category="related content"
                                 data-g-action="page interaction"
                                 data-g-label="article: Design Notes Podcast, Episode 2">
                                <div class="article--content-headline">Design Notes Podcast, Episode
                                    2
                                </div>
                                <div class="article--content-dek">Talking design systems and
                                    user-first experiences with the winners of this year's Material
                                    Design Awards
                                </div>
                                <div class="article--content-tag">Profile</div>

                            </div>

                        </a>
                    </li>


                </ul>
            </div>

        </div>
    </div>


    <div class="footer row">
        <div class="footer-border"></div>
        <div class="footer-about">
            <h6 class="title"> Google Design</h6>
            <p>Google Design is a cooperative effort led by a group of designers, writers, and
                developers at Google. We work across teams to publish original content, produce
                events, and foster creative and educational partnerships that advance design and
                technology.</p>
        </div>
        <div class="footer-links">
            <h6 class="title">Discover</h6>
            <ul>
                <li><a target="_blank" href="https://blog.google" data-g-category="discover"
                       data-g-action="click" data-g-label="Keyword">The Keyword</a></li>
                <li><a target="_blank" href="https://material.io" data-g-category="discover"
                       data-g-action="click" data-g-label="Material">Material Design</a></li>
                <li><a target="_blank" href="https://www.google.com" data-g-category="discover"
                       data-g-action="click" data-g-label="Google">Google</a></li>
            </ul>
        </div>
        <div class="footer-social">
            <h6 class="title">Connect</h6>
            <ul class="social-list">
                <li><a target="_self" href="https://design.google/subscribe/"
                       data-g-category="social connect" data-g-action="click"
                       data-g-label="Newsletter">Newsletter</a></li>
                <li><a target="_blank" href="https://plus.google.com/+googledesign"
                       data-g-category="social connect" data-g-action="click" data-g-label="G+">Google+</a>
                </li>
                <li><a target="_blank" href="https://twitter.com/googledesign"
                       data-g-category="social connect" data-g-action="click"
                       data-g-label="Twitter">Twitter</a></li>
                <li><a target="_blank" href="https://www.youtube.com/googledesign"
                       data-g-category="social connect" data-g-action="click"
                       data-g-label="YouTube">YouTube</a></li>
            </ul>
            <ul class="social-list">
                <li><a target="_blank" href="https://www.facebook.com/googledesign"
                       data-g-category="social connect" data-g-action="click"
                       data-g-label="Facebook">Facebook</a></li>
                <li><a target="_blank" href="https://medium.com/google-design"
                       data-g-category="social connect" data-g-action="click" data-g-label="Medium">Medium</a>
                </li>
                <li><a target="_blank" href="https://dribbble.com/google"
                       data-g-category="social connect" data-g-action="click"
                       data-g-label="Dribbble">Dribbble</a></li>
            </ul>
        </div>
    </div>

    <div class="sub-footer--container">
        <div class="sub-footer">
            <a class="logo" href="http://www.google.com" target="_blank" data-g-category="discover"
               data-g-action="click" data-g-label="Google"></a>
            <aside><a href="https://www.google.com/policies/terms/" target="_blank">Privacy &amp;
                Terms</a></aside>
        </div>
    </div>
</div>

<div id="lightbox">
</div>

<div class="search-lightbox"></div>


<script src="/js/vendor.min.js" type="text/javascript"></script>
<script src="/js/app.min.js" type="text/javascript"></script>

</body>
</html>